import { h } from 'snabbdom/build/package/h'
import { init } from 'snabbdom/build/package/init'
// 1. 导入模块
import { styleModule } from 'snabbdom/build/package/modules/style'
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners'
// 2. 注册模块
let patch = init([
  styleModule,
  eventListenersModule
])
// 3. 使用 h() 函数的第二个参数传入模块需要的数据（对象）
let vnode = h('div', {
  // 行内样式
  style: {
    backgroundColor: 'red'
  },
  // 注册元素事件
  on: {
    click: eventHandler.bind(null, 'title')
  }
},
// 添加子元素 
[
  h('h1', 'Hello Snabbdom'),
  h('p', '这是p标签')
])

function eventHandler (prop) {
  console.log(prop)
}

let app = document.querySelector('#app')

let oldVnode = patch(app, vnode)


// vnode = h('div', 'hello')
// patch(oldVnode, vnode)
